/** 图层编辑
 * @ 标  识: hchhIOT
 * @ 作  者: 阿拉丁矿工 黄传鸿 <hchhyzc@foxmail.com>
 */

/* ================================================================================================ */
// 🍀引入★
/* ================================================================================================ */


/**~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
// 🐸 图元端函数引入
/**~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
import {
  onSetElementCont,
  onGetElementCont,
  onGetUUID,
  onPelDeleteByKey,
} from "@/functions"


/**~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
// 🐸 引入存储
/**~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
import { useCanvasStore } from "@/store/canvasStore"; // 画布
import { useWorkStore } from "@/store/workStore"; // 工作数据

/**~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
// 🐸 使用存储
/**~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
const canvasStore = useCanvasStore(); // 画布
const workStore = useWorkStore(); // 设备数据


/* ================================================================================================ */
//                                函数 ★
/* ================================================================================================ */

/** 上移一层 */
export const onMoveLayerUp = () => {
 // console.log("✍ 图层编辑-上移一层");
  /** ★ 转储-视图数据 */
  let pels = JSON.parse(JSON.stringify(workStore.pels));
  let SelectPel = JSON.parse(JSON.stringify(canvasStore.selectedPel));

}

/** 下移一层 */
export const onMoveLayerDown = () => {
 // console.log("✍ 图层编辑-下移一层");
  /** ★ 转储-视图数据 */
  let pels = JSON.parse(JSON.stringify(workStore.pels));
  let SelectPel = JSON.parse(JSON.stringify(canvasStore.selectedPel));

}

/** 移到顶层 */
export const onMoveLayerTop = () => {
 // console.log("✍ 图层编辑-移到顶层");
  /** ★ 转储-视图数据 */
  let pels = JSON.parse(JSON.stringify(workStore.pels));
  let SelectPel = JSON.parse(JSON.stringify(canvasStore.selectedPel));
  onPelDeleteByKey(pels, SelectPel.key);//根据键删除图元
  pels.push(SelectPel);
  workStore.pels = pels;
}

/** 移到底层 */
export const onMoveLayerBottom = () => {
 // console.log("✍ 图层编辑-移到底层");
  /** ★ 转储-视图数据 */
  let pels = JSON.parse(JSON.stringify(workStore.pels));
  let SelectPel = JSON.parse(JSON.stringify(canvasStore.selectedPel));
  onPelDeleteByKey(pels, SelectPel.key);//根据键删除图元
  pels.unshift(SelectPel);
  workStore.pels = pels;
};